<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" href="../css/mui.min.css">
	<link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/Swiper/3.3.1/css/swiper.min.css"/>
	<link rel="stylesheet" type="text/css" href="../css/youyi.css"/>
	<link rel="stylesheet" type="text/css" href="../css/environmental.css"/>
    <title>应急预案</title>
    <style>
   		body{background-color: #fff;}
	</style>	
</head>
<body class="meet_emgcy">
	<div class="mui-content">
		<div class="meet_emergency" id="showcase">
			<div class="-container">
				<div class="one_con_top">
		            <div class="text-center">
		            	<p class="tell_num"><span>400-960-9288</span></p>
		                <p class="text-uppercase title_englsh">the eia projectthe eia</p>
		                <h3><span>应急预案专题</span></h3>
		            </div>
		            <div class="top_list_box clearfix">
		                <div class="col-xs-4 text-ellipsis one_top_list">
		                <p class="text-center mui-ellipsis">什么样的企业<br />需要制定应急预案</p>
		                </div>
		                <div class="col-xs-4 one_top_list">
		                    <p class="text-center mui-ellipsis">什么样的机构<br />可以编制应急预案</p>
		                </div>
		                <div class="col-xs-4 one_top_list">
		                    <p class="text-center mui-ellipsis">寻找编写应急<br />预案的环保机构</p>
		                </div>
		            </div>
		       </div>
			</div>
		</div>
		<div class="formulate_scheme">
			<h3 class="one_con_header text-center need_h3"><span>制定应急预案</span></h3>
			<div class="mon_service_wrap">
				<div class="swiper-container">
			        <div class="swiper-wrapper">
			            <div class="swiper-slide">
			            	<a href="#water1" class="mui-tab-item">
			            		<div class="list_ico list_ico_1">
				            		<img src="../images/index/tp2.png"/>
				            		<p class="mui-ellipsis-4">申报项目验收必须进行验收监测，建设项目就根据环境影响评价批复意见，对有相应排放标准执行要求的污染物进行验收监测。</p>
				            	</div>
			            	</a>
			            </div>
			            <div class="swiper-slide">
			            	<a href="#water2" class="mui-tab-item">
			            		<div class="list_ico list_ico_2">
				            		<img src="../images/index/tp3.png"/>
				            		<p class="mui-ellipsis-4">工业类建设项目验收监测报告必须由环保部门批准有相应资质的环境监测站来编制</p>
				            	</div>
			            	</a>
			            </div>
			            <div class="swiper-slide">
			            	<a href="#water3" class="mui-tab-item">
			            		<div class="list_ico list_ico_3">
				            		<img src="../images/index/tp5.png"/>
				            		<p class="mui-ellipsis-4">生态秕加时富利卡降幅达；垃圾费蘮发工；来得及发了开工回复拉开地方的脸孔甲方哩 是；阿洛卡大家佛牌就废了肯定句发货噶算了甲方运输量工功；时会计法强迫i附件其时 地；世界历史戟；夺旷世奇才喝茶；革东边日头西边雨在</p>
				            	</div>
			            	</a>
			            </div>
			            <div class="swiper-slide">
			            	<a href="#water1" class="mui-tab-item">
			            		<div class="list_ico list_ico_1">
				            		<img src="../images/index/tp2.png"/>
				            		<p class="mui-ellipsis-4">申报项目验收必须进行验收监测，建设项目就根据环境影响评价批复意见，对有相应排放标准执行要求的污染物进行验收监测。</p>
				            	</div>
			            	</a>
			            </div>
			            <div class="swiper-slide">
			            	<a href="#water2" class="mui-tab-item">
			            		<div class="list_ico list_ico_2">
				            		<img src="../images/index/tp3.png"/>
				            		<p class="mui-ellipsis-4">工业类建设项目验收监测报告必须由环保部门批准有相应资质的环境监测站来编制</p>
				            	</div>
			            	</a>
			            </div>
			        </div>
			    </div>
			</div>
			<div class="formulate_bottom_text">
				<p>同时，鼓励其他企业制定单独的环境应急预案，或在突发事件 应急预案中制定环境应急预案专章，并备案。</p>
			</div>
		</div>
		<div class="preparation_plan">
			<h3 class="one_con_header text-center need_h3"><span>编制应急预案</span></h3>
			<div class="prep_con_text">
				<p>企业可以自行编制环境应急预案，也可以委托专业环保服务机构编制环境应急预案。委托相关专业技术服务机构编制的，企业需指定有关人员全程参与。</p>
			</div>
		</div>
		<div class="looking_for_eia">
			<div class="slide_wrap mui-slider" id="Gallery">
				<h3 class="one_con_header text-center need_h3"><span>寻找编写应急预案的环评机构</span></h3>
                <div class="mui-slider-group">
                	<div class="mui-slider-item">
	                    <div class="eia_agency_box eia_agency_box1 clearfix mui-table-view mui-grid-view mui-grid-9" id="eia_agency_box">
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="http://www.baidu.com"><h6></h6><p class="mui-ellipsis">华联环保</p></a></div>
	                        </div>
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="http://www.baidu.com"><h6></h6><p class="mui-ellipsis"> 红树林环保</p></a></div>
	                        </div>
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="http://www.baidu.com"> <h6></h6><p class="mui-ellipsis">众志环保</p></a></div>
	                        </div>
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="##"><h6></h6><p class="mui-ellipsis">豪丰环保</p></a></div>
	                        </div>
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="##"><h6></h6><p class="mui-ellipsis">居峰环保</p></a></div>
	                        </div>
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="##"><h6></h6><p class="mui-ellipsis">中南环保</p></a></div>
	                        </div>
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="##"><h6></h6><p class="mui-ellipsis">中科建禹</p></a></div>
	                        </div>
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="##"><h6></h6><p class="mui-ellipsis">衡标检测</p></a></div>
	                        </div>
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="##"><h6></h6><p class="mui-ellipsis">水之源环境</p></a></div>
	                        </div>
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="##"><h6></h6><p class="mui-ellipsis">凯韵水处理</p></a></div>
	                        </div>
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="##"><h6></h6><p class="mui-ellipsis">天欣环保</p></a></div>
	                        </div>
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="##"><h6></h6><p class="mui-ellipsis">绿佳环保</p></a></div>
	                        </div>
	                    </div>
               		</div>
               		<div class="mui-slider-item">
               			<div class="eia_agency_box eia_agency_box2 clearfix mui-table-view mui-grid-view mui-grid-9">                   				
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="##"><h6></h6><p class="mui-ellipsis">恒春环保</p></a></div>
	                        </div>
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="##"><h6></h6><p class="mui-ellipsis">四丰检测</p></a></div>
	                        </div>
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="##"><h6></h6><p class="mui-ellipsis">中金环保</p></a></div>
	                        </div>
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="##"><h6></h6><p class="mui-ellipsis">瑞星环境</p></a></div>
	                        </div>
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="##"><h6></h6><p class="mui-ellipsis">富鹏环保</p></a></div>
	                        </div>
	                        <div class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3 eia_list_box">
	                            <div><a href="##"><h6></h6><p class="mui-ellipsis">绿月环保</p></a></div>
	                        </div>                   				
               			</div>
               		</div>
                </div>
                <div class="mui-slider-indicator">
					<div class="mui-indicator mui-active"></div>
					<div class="mui-indicator"></div>
				</div>
			</div>&nbsp;
		</div>
		<div class="release_req eia_req">
        	<div class="">
            	<div class="one_con_need">
                    <h3 class="one_con_header text-center need_h3"><span>发布您的环保需求</span></h3>
                    <div class="need_form container">
                        <form>
                            <div class="form-group">
                                <textarea class="form-control" rows="3" placeholder="请描述您的环保需求"></textarea>
                            </div>
                          <div class="form-group">
                            <input type="text" class="form-control" id="exampleInputName1" placeholder="请您的姓名">
                          </div>
                          <div class="form-group">
                            <input type="tel" class="form-control" id="exampleInputTel1" placeholder="请输入您的手机号">
                          </div>
                          <div class="form-group">
                            <input type="text" class="form-control" id="exampleInputCom1" placeholder="请输入您的公司名">
                          </div>
                          <div class="form-group location_input">
                            <input type="text" class="form-control" id="exampleInputCom1" placeholder="">
                          </div>
                          <p>*我们承诺为您严格保密，绝不泄漏您的信息</p>
                          <button type="submit" class="btn btn-default" id="submit_btn">确认提交</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
	</div>
	
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/Swiper/3.3.1/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/mui.min.js"></script>
<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=ZM5FnhEj8ZddP3FpGLM85lPFFVvj1Lgr"></script>
<script>
mui.init({
	swipeBack:false ,//启用右滑关闭功能
	keyEventBind:{
		//backbutton: false,  //Boolean(默认true)关闭back按键监听
		menubutton: false   //Boolean(默认true)关闭menu按键监听
	}
});


//表单验证
function checkPhone(_v) {
return (/^1[3|4|5|8][0-9]\d{8}$/.test(_v));
};
document.querySelector("#submit_btn").addEventListener("tap",function(){
	console.log("submit");
	var jsons={};
	var areaText=$("#textarea_input").val();
	var name=$("#exampleInputName1").val();
	var tel=$("#exampleInputTel1").val();
	var com=$("#exampleInputCom1").val();
	var type = 'hpbx';
	var data_source = 'special';
	if((areaText!="" && name!="" && tel!="" && com!="")){
		if(!checkPhone(tel)){
			 mui.toast("手机号不正确！");
			return false;
			};
		$.ajax({
			    type: 'GET',
				cache: false,
                url: 'http://219.135.58.197:9003/jsp/conn_User_Info.jsp?cmd=insertrequirement&queryPhone=' + tel +'&querytype='+ type + '&querydescribe='+ areaText + '&queryusername=' + name + '&querycompany=' + com + '&querydatasource=' + data_source,
                dataType: 'json',
                success: function (data) {
                        mui.toast("感谢您提交的环保需求，我们会尽快联系您！");
					 }
			});
		}else{
			 	mui.toast("内容输入有误！");
				return false;
			};
});

$(".eia_agency_box").each(function(index,obj){
	$(">div",this).mouseover(function(e){	
		var offL=this.offsetLeft;
		var offT=this.offsetTop;
		//$(".eia_syle").remove();
		$('head').append('<style class="eia_syle">.eia_agency_box'+(index+1)+' > div:nth-child(1)::after{ left:'+offL+'px;top:'+offT+'px;display:block;}</style>'); 
	});
});

var swiper = new Swiper('.swiper-container', {
    pagination: '.swiper-pagination',
    slidesPerView: 3,
    paginationClickable: true,
    spaceBetween: 10
});

//定位
window.onload=function(){
	//经纬度
	var lon=null;
	var lat=null;
	
	var map = new BMap.Map("allmap");
	var point = null;
	var gc = new BMap.Geocoder();
	var adres=null;
	var mycity=null;
		textSpan=document.querySelector(".location_input input");
		navigator.geolocation.getCurrentPosition(function(clbck){
 		lon=clbck.coords.longitude;
 		lat=clbck.coords.latitude;
 		point = new BMap.Point(lon,lat);
 		geobackFn();
    });
    
    var geobackFn=function(){
    	gc.getLocation(point, function(rs){
		   var addComp = rs.addressComponents;
		   	   mycity=addComp.city;
		   	   adres=addComp.province + " " + addComp.city + "" + addComp.district + "" + addComp.street +"" + addComp.streetNumber;
		   	   textSpan.value=adres;
				});
    };
};
</script>
</body>
</ html>